<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./inventarioTemplate.xhtml">

            <ui:define name="top">
                  <form>
                  <center> Reporte Crear Editar </center>
                </form>
            </ui:define>

            <ui:define name="left">
                left
            </ui:define>

            <ui:define name="right">
              <form>
                  <center> Articulo Crear Editar </center>
                </form>
            </ui:define>
              <ui:define name="content">
           
                  <f:view>
                      <h:form>
                          <h1><h:outputText value="Create/Edit"/></h1>
                          <h:panelGrid columns="2">
                               <h:outputLabel value="Hora:" for="hora" />
                               <h:inputText id="hora" value="#{reporteBean.reporte.hora}" title="Hora" validatorMessage="solo acepta  numeros" > </h:inputText>
                                  <f:convertDateTime pattern="HH:mm:ss" />
                               <f:validateRegex pattern="[0-9]{1,45}"/>
                              <h:outputLabel value="Usuario:" for="usuario" />
                              <h:inputText id="usuario" value="#{reporteBean.reporte.usuario}" title="Usuario"  validatorMessage="solo acpta  de  3  a 45 caracteres"></h:inputText>
                                  <f:validateLength minimum="3" maximum="45"/>
                              
                              <h:outputLabel value="Fecha:" for="fecha" />
                              <p:calendar value="#{reporteBean.reporte.fecha}" pattern="dd.MM.yyyy"/>
                              <h:outputLabel value="Cantidad:" for="cantidad" />
                              <h:inputText id="cantidad" value="#{reporteBean.reporte.cantidad}" title="Cantidad"  validatorMessage="solo aceta numeros"></h:inputText>
                              <f:validateRegex pattern="[0-9]{1,45}"/>
                              <h:outputLabel value="Entradas:" for="entradas" />
                              <h:inputText id="entradas" value="#{reporteBean.reporte.entradas}" title="Entradas"  validatorMessage="solo acepta  datos"></h:inputText>
                              <f:validateRegex pattern="[a-z]{1,45}"/>
                              <h:outputLabel value="Salidas:" for="salidas" />
                              <h:inputText id="salidas" value="#{reporteBean.reporte.salidas}" title="Salidas"  validatorMessage="acepta  de  3 a 45 caracteres"></h:inputText>
                            <f:validateLength minimum="3" maximum="45"/>
                              <h:commandButton action="ReporteConfirmar" value="Aceptar"/>
                            <h:commandButton action="Reporte" value="cancelar" immediate="true"/>
                          </h:panelGrid>
                      </h:form>
                  </f:view>

          
             
            </ui:define>

        </ui:composition>

    </body>
</html>
